<script lang='ts' setup name='Child'>  
 import { ref } from 'vue'
 defineProps(["house","car","money","gold","shop"])
 
</script>  
  
<template>  
  
    <div class="child">孙子组件

        <div>父亲  房子:{{ house }}</div>
        <div>父亲  car:{{ car }}</div>
        <div>父亲  money:{{ money }}</div>
        <div>祖父节点  gold:{{ gold }}</div>
        <div>祖父  shop:{{ shop }}</div>

    </div>




</template>  
  
<style scoped>  

    .child{
        background-color: azure;
        margin: 10px;
        min-height: 200px;
    }


</style>  